<template>
	  <view class="swiper-container">
	      <view>
			  <image  class="picture"  src="/static/images/home/03.jpg"></image>
		  </view>
		  <view class="form1">{{form.notifyName}}</view>
		  <view class="form2" >{{form. notifyContent}}</view>
		  <view>
			  <button class="button">知道了</button>
		  </view>
	  </view>
</template>

<script>
	import {listNotify,getNotify} from "@/api/notify/notify";
	
	export default {
		data() {
			return {
			     form:[],
				 notifyId: null,
			     notifyTitle: null,
				 notifyName: null,
			     notifyContent: null,
			     notifyImage: null
				
			}
		},
		
	
	
		
		methods: {
			getNotifye(){
				     const notifyId=3;
				  getNotify(notifyId).then(response => {
				        this.form = response.data;
				      });
			}					 
			   		   
		},
		
		created() {
			this.getNotifye();
		},
		
	} 
</script>


 

<style>
 
 .swiper-container {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
 }
 
 .picture{
     margin-top: 50rpx;
	 width: 300px;
	 height: 200px;
 }
 
 .form1{
	 margin-top: 30rpx;
	 font-weight:bold;
 }
 
 .form2{
 	 margin-top: 30rpx;
 }
 
 .button{
	  margin-top: 30rpx;
	 font-size:14px;
	 background-color: aquamarine;
	 
 }

</style>


